<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <script type="text/javascript">
        var socket;
        if (typeof (WebSocket) == "undefined") {
            console.log("您的浏览器不支持WebSocket");
        } else {
            console.log("您的浏览器支持WebSocket");
            //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
            socket = new WebSocket("ws://localhost:8081/api/websocket/" + [[${cid}]]);
            //打开事件
            socket.onopen = function () {
                console.log("Socket 已打开");
                // socket.send("这是来自客户端的消息" + location.href + new Date());
                socket.send("{\"from\":1,\"to\":2,\"message\":\"你好\"}");
            };
            //获得消息事件
            socket.onmessage = function (msg) {
                console.log(msg.data);
            };
            //关闭事件
            socket.onclose = function () {
                console.log("Socket已关闭");
            };
            //发生了错误事件
            socket.onerror = function () {
                alert("Socket发生了错误");
                // 此时可以尝试刷新页面
            }
            window.onbeforeunload = function () {
                socket.close();
            }
        }
    </script>
</head>
</html>